<template>
  <view class="pop-up">
    <uni-popup ref="popup"
               :mask-click="false">
      <view class="pop_box"
            :style="'background:url('+bgc+') no-repeat;background-size:100% 100%;'">

        <slot name="pop"></slot>
        <view class="pop_btn">
          <view class="btn"
                @click="cancel()">
            <image src="https://pockets.qixdian.cn/upload/20240711/668f8c648cb18.png"
                   mode="widthFix"
                   class="btn01" />
          </view>

          <view class="btn"
                @click="submit()">
            <image src="https://pockets.qixdian.cn/upload/20240711/668f8c648c92c.png"
                   mode="widthFix"
                   class="btn01" />
          </view>
        </view>
      </view>

    </uni-popup>
  </view>
</template>

<script>
export default {
  props: {
    bgc: {
      type: String,
      require: true
    },

  },
  data () {
    return {

    }
  },
  methods: {
    submit () {
      this.$emit('submit', this.num)
    },
    cancel () {
      this.$emit('cancel', '1')
    }
  },
}
</script>

<style lang='scss' scoped>
.pop-up {
  .pop_box {
    width: 680rpx;
    margin: auto;
    padding: 50rpx;
    box-sizing: border-box;
  }
  .pop_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50rpx auto 22rpx;
    .btn {
      width: 250rpx;
      height: 90rpx;
      margin-right: 30rpx;
    }
    .btn01 {
      width: 270rpx;
      height: 90rpx;
    }
  }
}
</style>